<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>红岩前端作业</title>
        <style type="text/css">
            h3{
            font-size:36px;
            color:dimgray;
            }
            </style>
</head>
<body>
    <h1>这是我的一级标题</h1>
    <p>百度一分钟，听人<p style="color:red">吹牛</p>两小时</p>
    <h2>这是我的二级标题</h2>
    <p>这里有一张图片，按照以往经验，为了防止你们可能会遇到的问题，在做图片这部分之前，请务必先去搜索一下什么是<strong>相对路径和绝对路径</strong><br/><q>大俗或大雅的都在理直气壮</q></p>
    <img src=https://www.baidu.com/img/xinshouyedong_4f93b2577f07c164ae8efa0412dd6808.gif>
    <div id="content" style="background-color:red;height:100px;width:100px;">
红色方块</div>
    <a href="https://www.baidu.com/" title="这里有一个点击就能跳转到百度的链接">这里有一个点击就能跳转到百度的链接</a>
    <div id="content" style="background-color:red;height:20px;width:1500px;">
红色的一长条</div>
    <div id="content" style="background-color:blue;height:20px;width:1500px;">
蓝色的一长条</div>
    <ul>
    <li>我</li>
    <li>是</li>
    <li>一</li>
    <li>串</li>
    <li>列</li>
    <li>表</li>
    <li>啊</li>
    </ul>
    <input type="reset" value="一个点了也不会怎么样的按钮">
    <hr/>
    <ol>
    <li>我</li>
    <li>是</li>
    <li>有</li>
    <li>序</li>
    <li>列</li>
    <li>表</li>
    </ol>
    <form>
    <input type="text" name="我是这个文本框的初始值" value="我是这个文本框的初始值">
    </form>
    <h3>灰色的 大小为36px的 结束文字</h3>
</body>